<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Outline, free responsive template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 
        Outline Template
        http://www.cssmoban.com/preview/templatemo_453_outline
        -->
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/templatemo-style.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <!-- MENU -->
        <div class="menu-bottom">
            <div class="desktop-menu hidden-xs">
                <div class="container">
                    <div class="row">
                        <div class="main-menu">
                            <div class="col-md-3 col-sm-3">
                                <a href="#" class="show-1 homebutton">
                                    <span class="menu-text">首页</span>
                                </a>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <a href="#" class="show-2 aboutbutton">
                                    <span class="menu-text">人物</span>
                                </a>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <a href="#" class="show-3 projectbutton">
                                    <span class="menu-text">文章</span>
                                </a>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <a href="#" class="show-4 contactbutton">
                                    <span class="menu-text">作者</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container" id="page-content">

            <div class="content-holder">
                
                <div id="menu-container">
                    
                    <!-- HOMEPAGE -->
                    <div id="menu-1" class="homepage home-section text-center">
                        <h1>FREE Responsive Template</h1>
                        <p class="description"><a href="#">Outline HTML5 Template</a> is free responsive layout by <span class="blue">template</span><span class="green">mo</span>. You can download, modify and apply this layout for any of your website. Credits go to <a rel="nofollow" href="http://unsplash.com">Unsplash</a> for images.</p>

                        <form action="#" method="get" class="subscribe-form">
                            <h3>Our Updates</h3>
                            <fieldset class="email-holder">
                                <input type="email" class="email" name="email" placeholder="Enter your email here... ">
                            </fieldset>
                            <fieldset class="button-holder">
                                <input type="submit" class="btn light" value="Go for It">
                                <a href="#" class="btn default">Learn More</a>
                            </fieldset>
                            <p class="small">Get our latest updates and news in your inbox!</p>
                        </form>
                    </div>
                    <!-- END HOMEPAGE -->
                    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>

                    <!-- ABOUT ME -->
                    <div id="menu-2" class="content about-section">
                        <div class="text-center">
                            <div class="page-top">
                                <h1 class="page-title">人物</h1>
                            </div>
                            <h2 class="subtitle">WHO I AM?</h2>
                        </div>
                        <div class="row">
                            <div class="col-md-7">
                                <div class="about-block">
                                    <div class="thumb-it">
                                        <img src="img/1.jpg" alt="">
                                    </div>
                                    <div class="block-content">
                                        <h3>Marry Cool</h3>
                                        <span class="subtitle">Artist, Designer</span>
                                        <p>Phasellus tristique enim consequat purus semper varius. In convallis, tellus in viverra dapibus, diam risus pharetra massa, id tempor enim nisl nec mi. Sed pretium condimentum lectus quis mattis. Suspendisse suscipit felis et rhoncus pretium. Suspendisse placerat rhoncus libero at tempor.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="about-block">
                                    <div class="thumb-it">
                                        <img src="img/2.jpg" alt="">
                                    </div>
                                    <div class="block-content">
                                        <h3>GRADUATED</h3>
                                        <p>Aenean a purus in magna consequat venenatis. Integer porttitor condimentum tempor. Mauris malesuada magna maximus mi tristique dictum. Nulla sed tincidunt ipsum.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END ABOUT ME -->
                    
                    <!-- GALLERY -->
                    <div id="menu-3" class="content gallery-section">
                        <div class="text-center">
                            <div class="page-top">
                                <h1 class="page-title">文章</h1>
                            </div>
                            <h2 class="subtitle">latest projects</h2>
                        </div>
                        <div class="row">
                            <div class="col-md-4 col-sm-6">
                                <div class="project-block">
                                    <div class="thumb-it">
                                        <a href="#"><img src="img/3.jpg" alt=""></a>
                                    </div>
                                    <div class="block-content">
                                        <h3><a href="#">Summer Holiday</a></h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <div class="project-block">
                                    <div class="thumb-it">
                                        <a href="#"><img src="img/4.jpg" alt=""></a>
                                    </div>
                                    <div class="block-content">
                                        <h3><a href="#">Experience Nature</a></h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <div class="project-block">
                                    <div class="thumb-it"> 
                                    	<a href="#"><img src="img/5.jpg" alt=""></a>
                                  	</div>
                                    <div class="block-content">
                                        <h3><a href="#">New Green Way</a></h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END GALLERY -->
                    
                    <!-- CONTACT -->
                    <div id="menu-4" class="content contact-section">
                        <div class="text-center">
                            <div class="page-top">
                                <h1 class="page-title">作者</h1>
                            </div>
                            <h2 class="subtitle">Send a message</h2>
                        </div>
                        <div class="row">
                            <div class="col-md-7">
                                <form action="#" method="post" class="contact-form">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <fieldset class="input-holder">
                                                <label for="name">Name:</label>
                                                <input name="name" type="text" class="name" id="name">
                                            </fieldset>
                                        </div>
                                        <div class="col-md-6">
                                            <fieldset class="input-holder">
                                                <label for="email">Email:</label>
                                                <input name="email" type="email" class="email" id="email">
                                            </fieldset>
                                        </div>
                                        <div class="col-md-12">
                                            <fieldset class="input-holder">
                                                <label for="message">Message:</label>
                                                <textarea name="message" id="message" cols="30" rows="4"></textarea>
                                            </fieldset>
                                        </div>
                                        <div class="col-md-12">
                                            <fieldset class="input-holder">
                                                <input name="submit" type="submit" class="btn default" id="submit" value="Send Message">
                                            </fieldset>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5">
                                <div class="contact-block">
                                    <div class="thumb-it">
                                        <img src="img/6.jpg" alt="">
                                    </div>
                                    <div class="block-content">
                                        <h3>Address</h3>
                                        <p>Donec facilisis imperdiet feugiat. Nam enim lorem, consectetur eu tincidunt quis, commodo sed velit.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END CONTACT -->
                </div>

            </div>

        </div>

        <div class="footer">
            <div class="text-center">
					不知何时开始，开始羡慕在那慵懒的午后，晒着太阳的猫，或许，只是羡慕它的那一份安逸吧... 
            </div>
        </div>

        <script src="http://ajax.useso.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/min/plugins.min.js"></script>
        <script src="js/min/main.min.js"></script>

    </body>
</html>